/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.mensaje {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

#barramain{
	width:100%;
	height:50px;
	background-color:#000;
	background-image:url(imagenes/fondobarra.png)	
}

.barramain{
	width:100%;
	height:50px;
	background-color:#000;
	background-image:url(imagenes/fondobarra.png);
	max-height:50px;
	overflow:hidden;
}

.barramainimg {padding-top:5px}

.tbboton{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	cursor: pointer;
	padding-bottom:8px;
	opacity:0.8;
}

.tbboton:hover{
	border-right:2px solid #333;
	border-bottom:4px solid #333;
	padding-bottom:4px;
	opacity:1;
	
}

.tbbotonnota{	
	cursor: pointer;
	padding-bottom:8px;
	opacity:0.8;
	width:30px;
	height:30px;
}

.tbbotonnota:hover{
	border-right:2px solid #333;
	border-bottom:4px solid #333;
	padding-bottom:4px;
	opacity:1;	
}

.tbfecha{
	font: normal 11px arial;
}

.notatexto{
	background-color: #FFF;
}

#barramain img {
	padding-top:5px;
}

.root{
	background-color:#333;
	background-image:url(imagenes/boardfns3.png)
}

#fondo {
	margin:0;
	padding:0;	
	width:100%;
	height:100%;
	min-height:600px;
	display:inline-block;
	floaT:left;
	
}

.fondologin{
	background-color:#000;
	border:2px solid #333;
	opacity:0.8;
	margin-top:20px;
	background-image:url(imagenes/fondologin2.png)
}

.textoblanco{
	color:#FFF;
	font:normal 13px arial;
	}

.fuentetexto{
	font:normal 14px arial;
	color: #333;
	}
	
.titulomsg,.tbtitulo,.lbeligearchivo,.tbupload{
	font:bold 14px arial;
	color:#FFF;
	background-color:#333;
	padding:5px;
	padding-left:12px;
	background-image:url(imagenes/fondobarra.png);
	opacity:0.9;
	
	
}

.tbtitulo{
	border:1px solid #333;
}

.lbeligearchivo,.tbupload, .fondoupload{
	background-image: none;
	padding-top:10px;
	background-color:#666;
}


.fondoupload{
	margin-left:10px;
	margin-top:10px;
}

.contenidomsg{
	font:normal 12px arial;
	color:#333;
	}
	
.mensaje{
	
	}
	
.mensaje .Caption { background-color:#333;color:#EEE; padding:3px;background-image:url(imagenes/fondobarra.png);opacity:0.9;padding-left:10px}
.mensaje .dialogContent {background-color:#EEE}
.mensaje .dialogTopLeft {}
.mensaje .dialogTopLeftInner {}
.mensaje .dialogTopCenter { } // borde del titulo
.mensaje .dialogTopCenterInner { the inner element of the cell }
.mensaje .dialogTopRight { }
.mensaje .dialogTopRightInner { the inner element of the cell }
.mensaje .dialogMiddleLeft {}
.mensaje .dialogMiddleLeftInner { the inner element of the cell }
.mensaje .dialogMiddleCenter { border:3px solid #666 }
.mensaje .dialogMiddleCenterInner { the inner element of the cell }
.mensaje .dialogMiddleRight { }
.mensaje .dialogMiddleRightInner { the inner element of the cell }
.mensaje .dialogBottomLeft { }
.mensaje .dialogBottomLeftInner { the inner element of the cell }
.mensaje .dialogBottomCenter { border:3px solid #666 }
.mensaje .dialogBottomCenterInner { the inner element of the cell }
.mensaje .dialogBottomRight { }
.mensaje .dialogBottomRightInner { the inner element of the cell }

.botonmsg{
	margin:10px;
	display:inline-block;
	flost:right;
	}
	
.datoobjeto{
	background-color: #666;
	color:#eee;
	padding:10px;
}
.datoobjetos{
	background-color: #CCC;
}

.scrollnota{
	background-color:#EEE;
	overflow-x: hidden;
}

.tbbarraTexto{
	background:none;
	background-color:#EEE;
}

.tbsubir{
	margin-right:15px;
	margin-bottom:15px;
}

.titulologin{
	font:bold 24px arial;
	color:#FFF;	
	opacity:0.9;
}






